import React from 'react'
// 导入connect方法
import { connect } from 'react-redux'

class Total extends React.Component {
  render() {
    const { allCount } = this.props
    return (
      <div className="total-container">
        商品总数：【{allCount}】
      </div>
    )
  }
}

// mapStateToProps 方法用于从 Redux state 树中读取部分数据
// 并通过 props 来把这些数据提供给要渲染的组件
// state 就是 store 中的所有数据
function mapStateToProps(state) {
  let allCount = 0
  for (let key in state) {
    allCount += state[key]
  }
  return {
    allCount
  }
}

export default connect(mapStateToProps)(Total)
